import React from "react";
import viewBgImg from "../../assets/images/image/xxhdpi/evaluation_background.png";
import successImg from "../../assets/images/image/xxhdpi/evaluation_success.png";
import style from "./style.module.scss";

const wrapperStyle = {
  background: `url(${viewBgImg})`,
  backgroundSize: "100% 100%",
  backgroundRepeat: "no-repeat",
};
interface PropsType {
  text: React.ReactNode; //自定义组件内容 文案根据传入内容自定义显示
}

export const OperateSuccess: React.FC<PropsType> = ({ text }) => {
  return (
    <div className={style.wrapper} style={wrapperStyle}>
      <img className={style.right} src={successImg} alt="" />
      <div className={style.text}>
        {/* 自定义组件 */}
        {text}
      </div>
    </div>
  );
};
